<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">  
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="themes/metro/easyui.css">  
    <link rel="stylesheet" type="text/css" href="themes/mobile.css">  
    <link rel="stylesheet" type="text/css" href="themes/icon.css">  
    <script type="text/javascript" src="js/jquery.min.js"></script>  
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script> 
</head>
<script type="text/javascript">
	$(function() {
		//树形菜单的展示
		$('#tt').tree({
			url : 'showFuncs',
			
			onLoadSuccess : function(node, data) {
				console.log(data);
				$('#tt').tree('expandAll');
			},
			onClick : function(node) {
				if (node.attributes.furl) {
					if ($('#content').tabs('exists', node.text)) {
						$('#content').tabs('select', node.text)
					} else {
						$('#content').tabs('add', {
							title : node.text,
							content : 
								"<iframe  frameborder='no' width='100%' height='100%' src="+ node.attributes.furl +"></iframe>",
							closable : true
						});
					}
				}

			}
		});
		
	})
</script>
<body class="easyui-layout">
	<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px;font-size: 16px;text-align: center;">
	${sessionScope.user.uname},欢迎使用物流管理系统

	</div>
	<div data-options="region:'west',split:true,collapsible:false,title:'菜单导航'" style="width:150px;padding:10px;">
		<!-- 功能展示 -->
		<ul id="tt"></ul>
	</div>
	<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">

		<div id="txt" style="margin-right: 50px;text-align: right;font-size: 16px;"></div>

	</div>
	<div data-options="region:'center',title:'Center'">
		<div id="content" class="easyui-tabs" data-options="fit:true">
			
		</div>
	</div>

</body>
</html>